<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
    <div class="music-icon play"></div>
    <audio :src="'http://wx.lejuhaofang.net/music/music.mp3'"  style="z-index: -1" loop=""></audio>
  </div>
</template>
<script>
import { getConfig, share, savewgnumber, getOpenid } from '@/api/api'
export default {
  data(){
    return {
      baseurl: process.env.VUE_APP_API_BASE,
      url: "http://wx.lejuhaofang.net/"
      // url: "http://3692745so8.51vip.biz/"
    }
  },
  methods:{
    authWxLogin(){
      // var WXInfo = localStorage.getItem('WXInfo') ? JSON.parse(localStorage.getItem('WXInfo')) : 'noLogin'
      let str = window.location.href
      var ua = navigator.userAgent.toLowerCase()
      // var isWeixin = ua.indexOf('micromessenger') !== -1 // 是否 在微信浏览   器内
      let isURL = window.location.href.indexOf('code=') === -1 // 是否 没有授权重定向回来

      if (isURL) {
        this.getLogin()
        return;
      }
      // 重定向回来
      if (!isURL) {
        let num1 = str.indexOf('code=')
        let num2 = str.indexOf('&state=')
        this.wxcode = str.slice(num1 + 5, num2)
        localStorage.setItem('WXcode', JSON.stringify(this.wxcode))
        savewgnumber();
      }
    },
    getLogin() {
      // 重定向返回地址
      let str = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxaa444b67dbe61dc1&redirect_uri=' + encodeURIComponent(this.url) + '&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect'
      window.location.href = str
    },
    getQueryVariable(variable)
    {
      var query = window.location.search.substring(1);
      var vars = query.split("&");
      for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");
        if(pair[0] == variable){return pair[1];}
      }
      return(false);
    }
  },
  mounted() {
    this.authWxLogin()
    let that = this
    let code = this.getQueryVariable("code")
    getOpenid(code).then(success => {
        if(success.data.openid != null && success.data.openid !== "null") {
          window.localStorage.setItem("openid", success.data.openid)
        }
    })


    getConfig(location.href.split('#')[0]).then(success => {
      wx.config({
        debug: false, // 开启调试模式,
        appId: success.data.data.appId, // 必填，企业号的唯一标识，此处填写企业号corpid
        timestamp: success.data.data.timestamp, // 必填，生成签名的时间戳
        nonceStr: success.data.data.nonceStr, // 必填，生成签名的随机串
        signature: success.data.data.signature,// 必填，签名，见附录1
        jsApiList: ['checkJsApi','onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'getLocation', 'openLocation'], // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        openTagList:['wx-open-launch-weapp']
      });

      wx.ready(function () {   //需在用户可能点击分享按钮前就先调用


        wx.onMenuShareAppMessage({
          title: '苹果iphone12、冰箱、电视机免费送！', // 分享标题
          desc: '砸金蛋领壕礼！100%中奖！更有挂烫机、足浴盆等众多好礼等着你拿......', // 分享描述
          link: window.location.href.split('#')[0], // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://wx.lejuhaofang.net/share.jpg', // 分享图标
          success: function () {
            let openid = window.localStorage.getItem("openid")
            // 设置成功
            share(openid,1).then(success => {
              if(success.data.message){
                alert(success.data.message);
                return
              }
              window.location.href = that.url
            })
          }
        })

        wx.onMenuShareTimeline({
          title: '苹果iphone12、冰箱、电视机免费送！', // 分享标题
          link: window.location.href.split('#')[0], // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://wx.lejuhaofang.net/share.jpg', // 分享图标
          success: function () {
            let openid = window.localStorage.getItem("openid")
            // 用户点击了分享后执行的回调函数
            share(openid,2).then(success => {
              if(success.data.message){
                alert(success.data.message);
                return
              }
              window.location.href = that.url
            })
          }
        })
      });


      wx.ready(function(){
        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
      });
      wx.error(function(res){
        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
      });

      wx.checkJsApi({
        jsApiList: ['openLocation'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
        success: function(res) {
          // 以键值对的形式返回，可用的api值true，不可用为false
          // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
        }
      });
    })
  }
}
</script>
<style>
html{
  height: 100%;
  width: 100%;
  overflow: -moz-hidden-unscrollable;
}
body{
  height: 100%;
  width: 100%;
  -ms-overflow-style: none;
  overflow: auto;
}
body::-webkit-scrollbar { display: none;}


audio {
  width: 300px;
  height: 54px;
}


/* music */
.music-icon{position:fixed;width:7%;height:7%;background-image:url(https://oss.tianjiyunke.com/act/tjlottery/template/music.png);background-repeat:no-repeat;background-position:center center;background-size:contain;bottom: 0px;right:3px;z-index:10;}
/*.music-icon:after{position:absolute;content:"";display:inline-block;left:-20px;right:-20px;top:-20px;bottom:-20px;}*/
/*.music-icon.play{-webkit-animation:rotate1 2.3s linear infinite}*/
/*@-webkit-keyframes rotate1{*/
/*  0%{-webkit-transform:rotate(0deg);}*/
/*  100%{-webkit-transform:rotate(360deg);}*/
/*}*/


</style>
